<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- 防盗链设置 -->
    <meta name="referer" content="no-referrer" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Douban Music Search</title>
  </head>
  <body>
    <div class="search-wrap">
      <input
        type="text"
        id="J_searchInput"
        class="search-input"
        placeholder="Alubum Name, Artists, Codes, ISRC"
      />
      <ul class="search-list" id="J_list"></ul>
    </div>

    <!-- item模版 -->
    <script type="text/html" id="J_searchItemTpl">
      <li class="list-item">
        <a href="{{url}}" target="_blank" class="item-lk">
          <div class="item-img">
            <img src="{{image}}" alt="{{title}}" />
          </div>
          <div class="intro">
            <h1 class="title">{{title}}</h1>
            <p class="author">Artist: <span>{{singer}}</span></p>
          </div>
        </a>
      </li>
    </script>

    <script src="utils.js"></script>
    <script src="index.js"></script>
  </body>
</html>
